<template>
  <div>
    <span style="margin-right:24px">
      <CloudBadge :count="1"><CloudAvatar shape="square" icon="user"/></CloudBadge>
    </span>
    <span>
      <CloudBadge dot><CloudAvatar shape="square" icon="user"/></CloudBadge>
    </span>
  </div>
</template>

<script>
export default {
  title: '3.带徽标的头像',
  methods: {
    change(affixed) {
      console.log(affixed);
    },
  },
};
</script>